﻿<div class="login-container animated fadeInDown" >
    <div class="loginbox bg-white" ng-controller="LoginCtrl">
        <div class="loginbox-title">登录</div>
        <div class="loginbox-textbox">
            <input type="text" class="form-control" id="userName" placeholder="请输入用户名" ng-model="username"/>
        </div>
        <div class="loginbox-textbox">
            <input type="password" class="form-control" id="passWord" placeholder="请输入密码" ng-model="password" ng-blur="todoSomething($event)" />
        </div>
        <div class="loginbox-forgot">
            <a href="">忘记密码?</a>
        </div>
        <div class="loginbox-submit">
            <!--<input type="button" class="btn btn-primary btn-block" value="登录">-->
            <button class="btn btn-primary btn-block" ng-click="onLoginButtonClick()" >登录</button>
        </div>
        <div class="loginbox-signup">
            <a href="register.html">Sign Up With Email</a>
        </div>

        <!--Success Modal Templates-->
        <script type="text/ng-template" id="SuccessModal.html">

            <div class="modal-header">
                <i class="glyphicon glyphicon-check"></i>
            </div>
            <div class="modal-title">登录成功</div>
            <!--<div class="modal-body">You have done great!</div>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
            </div>

        </script>
        <!--Warning Modal Templates-->
        <script type="text/ng-template" id="WarningModal.html">
            <div class="modal-header">
                <i class="fa fa-warning"></i>
            </div>
            <div class="modal-title">用户名密码错误</div>

            <!--<div class="modal-body">用户名密码错误</div>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" ng-click="ok()">OK</button>
            </div>
        </script>
    </div>
</div>